<template>
  <div class="dashboard-container">
    <div style="margin-left: 20px;margin-right: 50px">
      <h4>感谢使用 AMC&MockCloud 自动化Mock组件 </h4>
      <p><strong>项目文档参见项目README</strong></p>
      <p><strong>项目源码地址：<a href="https://gitee.com/loopstack/amc" style="color: #3a8ee6" target="_blank">https://gitee.com/loopstack/amc</a></strong></p>
      <p><strong>项目MockCloud地址：<a href="https://gitee.com/loopstack/amc-mock-cloud" style="color: #3a8ee6" target="_blank">https://gitee.com/loopstack/amc-mock-cloud</a></strong>
      </p>
      <p><strong>示例项目源码地址：<a href="https://gitee.com/loopstack/amc-sample" style="color: #3a8ee6" target="_blank">https://gitee.com/loopstack/amc-sample</a></strong></p>
      <p><strong>如果项目对您有用，欢迎给个 <span style="color: blueviolet">STAR</span>！如果您有任何意见，欢迎提出 <span style="color: blueviolet">ISSUE</span> 和 <span
        style="color: blueviolet">PR</span>！</strong>
      </p>
      <p><strong>如果想请 阿强(作者) 喝杯咖啡 ☕☕☕ 您可在Gitee上捐赠️</strong></p>
    </div>
  </div>
</template>

<script>
import {mapGetters} from 'vuex'

export default {
  name: 'dashboard',
  data() {
    return {}
  },
  created() {
  },
  mounted() {
    let vm = this
    vm.initData()
  },
  methods: {
    initData() {
    }
  },
  computed: {
    ...mapGetters([
      'name',
      'roles'
    ])
  }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
.dashboard {
  &-container {
    margin: 30px;
  }

  &-text {
    font-size: 30px;
    line-height: 46px;
  }
}
</style>
